import React, { Component } from 'react';

/* 
    事件传参
    1.bind()
    2.箭头函数
    3.data属性传
*/
class App extends Component {
    /* handleClick =(params) => {
        console.log(params)
    } */
    handleClick = (e) => {
        console.log(e.currentTarget.dataset.index)
    }
    render() {
        return (
            <div>
                {/*1. bind方式 */}
               {/* <button onClick={this.handleClick.bind(this,"🐂")}>传参</button>  */}
               {/* 2.箭头函数的方式 */}
              {/*  <button onClick={(e)=>{
                    this.handleClick("🐍",e)
               }}>传参</button> */} 
                {/* 3.通过data属性 事件源*/}
               <button data-index={"🐂"} onClick={this.handleClick}>传参</button>
            </div>
        );
    }
}

export default App;
